<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=480,user-scalable=no,target-densitydpi=high-dpi">
    <meta name="oupengmobile" content="game,fullscreen,lockrotation,landscape">
    <meta name="tencent-x5-page-direction" content="landscape">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <!-- 关闭Android/iPhone浏览器自动识别数字为电话号码-->
    <meta name="format-detection" content="telephone=no">
    
    <title>Full screen layout</title>
    <link href="../../css/lib/html5_reset.css" rel="stylesheet"/>
    <link href="../../css/lib/module.css" rel="stylesheet"/>
    <link href="./css/layout.css" rel="stylesheet"/>
    <style type="text/css">

    </style>
    <script>
    </script>
    </head>
    <body>
        <div id="splashscreen" class="ui_mask ui_splashscreen none">
            <span class="ui_icon ui_icon_loading animate_spin"></span>
            <h1>Loading</h1>
        </div>
        <section id="wrap" class="">
            <header id="header">
                <p class="fcFFF">使用position布局,满屏显示,content部分垂直滚动</p>
            </header>
            <div id="content" class="">
                <img width="80" height="80" src="../../images/30a.png"/><img width="80" height="80" src="../../images/30a.png"/><img width="80" height="80" src="../../images/30a.png"/><img width="80" height="80" src="../../images/30a.png"/><img width="80" height="80" src="../../images/30a.png"/><img width="80" height="80" src="../../images/30a.png"/>
                <img width="30" height="30" src="../../images/30a.png"/>
                <div class="animate_touch_feedback"></div>
                <div class="ui_loader none">
                    <span class="ui_icon ui_icon_loading animate_spin"></span>
                    <h4 class="tc">加载中</h4>
                </div>
                <div id="content_t" style="width: 616px;height: 768px; background-color: #fff">12</div>
            </div>
            <footer id="footer">
                <div id="console"></div> 
            </footer>
        </section>
        <canvas id="mycanvas"></canvas>
    </body>
    <script src="../../js/lib/jquery_1.7.2.js"></script>
    <script src="../../root/backbone/js/lib/underscore.js"></script>
    <script src="../../root/backbone/js/lib/backbone.js"></script>
    <script src="../../js/lib/jquery.countdown.js"></script>
    <!-- scroller lib -->
    <script src="../../root/scroller/js/lib/Animate.js"></script>
    <script src="../../root/scroller/js/lib/Raf.js"></script>
    <script src="../../root/scroller/js/lib/Scroller.js"></script>
    <!-- scroller lib -->
    <script src="../../js/VCM.js"></script>
    <script src="../../root/scroller/js/index.js"></script>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
/*
            VCM.dialog({id:"demo_dialog",html:"<img width=\"80\" height=\"80\" src=\"../../images/30a.png\"/><div class=\"ui_close_btn dialog_close\">关闭</div>"});
            window.setTimeout(function(){
                VCM.dialog({
                    //id:"demo_dialog2",
                    html:"<img onclick=\"$.dialog.close('demo_dialog')\" width=\"80\" height=\"80\" src=\"../../images/30a.png\"/><div class=\"ui_close_btn dialog_close\">隐藏</div>",
                    onShow: function(){
                        VCM.debug("onShow",this);
                    }
                });
            },1000);
            */
            VCM.dialog({
                    //id:"demo_dialog2",
                //html:$("#content_t"),
                html:"<img onclick=\"$.dialog.close('demo_dialog')\" width=\"80\" height=\"80\" src=\"../../images/30a.png\"/><div class=\"ui_close_btn dialog_close\">隐藏</div>",
                onShow: function(){
                    VCM.debug("onShow",this);
                }
            });
            VCM.tips({"message":"玩蛋去吧！"});
            window.setTimeout(function(){  VCM.tips({"message":"亮瞎了我的氪金狗眼!"}) },1);
            window.setTimeout(function(){  VCM.tips({"message":"我到河北省来!"}) },1);
            window.setTimeout(function(){  VCM.tips({"message":"狗日的渣渣!"}) },1);
        },false)
        window.addEventListener("load",function(){
            //VCM.dialog({id:"demo_dialog",html:"<img src=\"../../images/30a.png\"/>"});
            debug("wrap : "+$("#wrap").css("width")+"|"+$("#wrap").css("height"));
            debug("window inner : "+window.innerWidth+"|"+window.innerHeight);
            debug("window.screen : "+window.screen.width+"|"+window.screen.height);
            debug("splashscreen : "+document.getElementById("splashscreen").clientWidth+"|"+document.getElementById("splashscreen").clientHeight);
        },false);
        window.addEventListener("click",function(){
            
        },false);
    </script>
</html>
